<template>
  <div class="footer">
    <div class="footer-content">
      <div class="footer-language">
        <span>language</span>
        <select id="">
          <option value="English">English</option>
          <option value="China">China</option>
        </select>
      </div>
      <div class="footer-nav">
        <span>Copyright © 2019 Zhanglei All Rights Reserved.</span>
        <a href="#">About Me</a>
        <a href="#">Terms & Conditions</a>
        <a href="#">Privacy Policy </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NavFooter',
  data () {
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  .footer
    min-width 100%
    height 100px
    background #f5f7fc
    overflow hidden
    .footer-content
      max-width 85%
      height 100px
      line-height 100px
      border-top 1px solid #ccc
      margin 0 auto
      display flex
      font-size 14px
      .footer-language
        flex-basis 30%
      .footer-nav a
        padding 0 0 0 80px
        color #999
</style>
